<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />

	<!-- 引入核心样式 -->
	
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">

	<!--当前页面的css-->
	<link href="../../../template/css/assoDetails.css" rel="stylesheet" />

	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>

	<style>
			.top-down{
				padding: 0 .35rem;
				width: 100%;
				height: 1.333333rem;
				background: #fff;
				position:fixed;
				top: 0;
				left: 0;
				border-bottom: 1px solid #ff9104;
			}
			.box .left{
				float: left;
				height: 1.333333rem;
				line-height: 1.333333rem;
			}
			.box .left span{
				float: left;
				font-family:PingFangSC-Regular;
				font-size:.32rem;
				color:#353535;
				letter-spacing:.003733rem;
				margin-left:.133333rem;
			}
			.box .left .logo{
				width: .8rem;
				height: .8rem;
				margin-top: .266667rem;
				float: left;
			}
			.box  .down{
				position: absolute;
				right: .35rem;
				top: .266667rem;
				width:2.133333rem;
				height:.8rem;    
			}
			.bottom-down{
				padding: 0 .35rem;
				width: 100%;
				height:1.066667rem;
				background:rgba(0,0,0,.7);
				position:fixed;
				bottom: 0;
				left: 0;
				
			}
			.bottom-down .left {
				 height:1.066667rem;
			}
			.bottom-down .left span{
				color:#ffffff;
				height:1.066667rem;
				line-height: 1.066667rem;
			}
			.bottom-down .left .logo{
				margin-top: 5px;
			}
			.bottom-down .down{
				height:.693333rem; 
				right: 1.066667rem;
				top: .18rem;   
			}
			.bottom-down .close-down{
				width:10px;
				height:10px;
				position: absolute;
				top: .4rem;
				right: .266667rem;
			}
			 /* 加载中css */
			 .mask {
				width:100%;
				height:100%;
				padding-top:100px;
				background-color:#fafafa;
				left:0;
				/* opacity: 0.5; */
				position: absolute;
				top: 0;
				z-index: 1;
				/* filter: alpha(opacity=50); */
			}
			.loadText {
				font-size: 15px;
				color: #494949;
			}
		</style>


</head>

<body>
	<div id="app" v-if="pageHide">
		<div class="mask" v-if="onLoading">
			<div class="weui-loadmore">
				<img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
				<span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
			</div>
		</div>
		<div class="assoDetails">
			
            <!-- 顶部提示下载 -->
            <div class="top-down box" v-if="isShare == 1">
					<div class="left">
						<img class="logo" src="../../../images/logo@2x.png" alt="">
						<span>印刷行业抢鲜资讯，尽在印刷搜搜</span>
					</div>
					 <img class="down" @click="downApp" src="../../../images/lijixiazai1@2x.png" alt="">
				 </div>
			<div class="ad-title">
				 <!-- 空的div 用来撑开下载提示 -->
			 <div v-if="isShare == 1" style="height:1.333333rem"></div>
				<p>
					{{assDetails.title}}
				</p>
				<span>日期：{{assDetails.create_time}}</span>
			</div>
			<div class="ad-line"></div>
			<div class="ad-TxtImg" v-html="assDetails.content">
			</div>
			<div class="ad-line"></div>
			<div class="ad-copyright">
				<p>{{assDetails.author}}</p>
				<p class="ad-source">来源：{{assDetails.source}}</p>
				<p class="ad-source">来自：印刷搜搜</p>
			</div>
			<template v-if="isShare != 1">
				<div class="Gray_Bg"></div>
				<ul class="keyword clearfix">
					<li>关键字：</li>
					<li v-for="item in assDetails.keywords">
						<span>{{item}}</span>
					</li>
				</ul>
				<ul class="asso-news" id="asso-news" v-if="assDetails.recommendList && assDetails.recommendList.length>0">
					<li v-for="item in assDetails.recommendList">
						<a href="javascript:void(0);" class="title" @click="listHref(item)">{{item.title}}</a>
						<span class="title-date">{{item.create_date}}</span>
					</li>
				</ul>
				<div v-else class="nolist">暂无更多数据</div>
				<div class="Gray_Bg"></div>
				<div class="clear"></div>
				<div class="asso-discuss">
					<div class="asso-discuss-left">
						<span>{{commentList.total}}条评论</span>
					</div>
					<div class="ad-TxtImg">
						{{assDetails.textarea}}
						<img :src="assDetails.img">
					</div>
				</div>
				<div v-if="commentList.list.length>0">
					<div class="asso-discuss-main clearfix" v-for="item in commentList.list">
						<ul>
							<li class="ul-left">
								<div class="img">
									<img :src="item.logo" />
								</div>
								<div class="txt">
									<p class="name">{{item.nick_name}}</p>
									<p class="time">{{item.create_date}}</p>
								</div>

							</li>
							<li class="ul-right" v-if="item.state==0">
								<a href="javascript:;">等待审核</a>
							</li>
						</ul>
						<div class="clear"></div>
						<p>
							{{item.content}}
						</p>
					</div>
				</div>
				<div v-else class="nolist">暂无更多数据</div>
			</template>

			<div class="assoImg">
				<img :src="bottomImg" />
			</div>
			<div style="height:1.733333rem;"></div>
			<div class="comment-box" v-if="isShare!=1">
				<div class="comment-boxs">
					<div class="comment-left">
						<div class="c-left-input">
							<span class="icons"></span>
							<input class="text" type="text" @keyup.enter="sendMessage()" v-model="messageval" placeholder="请输入评论..." />
						</div>
					</div>
					<div class="comment-right clearfix">
						<!--<span v-show="assDetails.isLike == 0" @click="chooseLike"><img src="../images/asso_icon2.png"/></span>
					<span v-show="assDetails.isLike == 1" @click="chanceLike"><img src="../images/asso_icon2on.png"/></span>-->
					<span @click="sendMessage()" >发送</span>
					<span v-show="assDetails.is_collect == 0" @click="chooseCollect">
							<img src="../../../../images/asso_icon3.png" />
						</span>
						<span v-show="assDetails.is_collect == 1" @click="chanceCollect">
							<img src="../../../../images/asso_icon3on.png" />
						</span>
						<span @click="appShare(assDetails)">
							<img src="../../../../images/asso_icon4.png" />
						</span>
					</div>
				</div>
			</div>
			
        <!-- 底部提示下载 -->
       
	</div>


	<script src="../../js/storyDetails.js"></script>

</body>

</html>